<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" th:href="@{images/favicon.ico}">
    <title>我的教练</title>
    <!-- Reset CSS -->
    <link href="css/reset.css" th:href="@{css/reset.css}" rel="stylesheet" type="text/css">
    <!-- Bootstrap -->
    <link href="assets/bootstrap/css/bootstrap.min.css" th:href="@{assets/bootstrap/css/bootstrap.min.css}" rel="stylesheet" type="text/css">
    <!-- Font Awesome -->
    <link href="assets/font-awesome/css/font-awesome.min.css" th:href="@{assets/font-awesome/css/font-awesome.min.css}" rel="stylesheet" type="text/css">
    <!-- Iconmoon -->
    <link href="assets/iconmoon/css/iconmoon.css" th:href="@{assets/iconmoon/css/iconmoon.css}" rel="stylesheet" type="text/css">
    <!-- Lightbox CSS -->
    <link href="assets/lightbox/css/lightbox.css" th:href="@{assets/lightbox/css/lightbox.css}" rel="stylesheet" type="text/css">
    <!-- Owl Carousel -->
    <link href="assets/owl-carousel/css/owl.carousel.min.css" th:href="@{assets/owl-carousel/css/owl.carousel.min.css}" rel="stylesheet" type="text/css">
    <!-- Animate -->
    <link href="css/animate.css" th:href="@{css/animate.css}" rel="stylesheet" type="text/css">
    <!-- Aos -->
    <link href="assets/aos/aos.css" th:href="@{assets/aos/aos.css}" rel="stylesheet" type="text/css">
    <!-- Custom Style -->
    <link href="css/custom.css" th:href="@{css/custom.css}" rel="stylesheet" type="text/css">
</head>
<body>

<!-- Start Banner -->
<div class="finess-outer">
    <div class="container">
        <h3>我的教练</h3>
    </div>
</div>
<!-- End Banner -->

<!-- Start Trainers sec -->
<div class="trainers-outer bgNone trainers-page">
    <div class="container">
        <div class="trainers-list">
            <div class="row">
                <div class="col-sm-4 col-xs-12">

                </div>
                <div class="col-sm-4 col-xs-12">
                    <div class="trainers-box" id="coachInfo">
                        <figure><img src="images/trainer10.png" alt=""></figure>
                        <span style='border-bottom:1px #ffffff solid;'>教练名称</span>
                        <span style='border-bottom:1px #ffffff solid;'>手机号码</span>
                        <span style="color:#0000FF;">您暂时未收到请求</span>
                    </div>
                </div>
                <div class="col-sm-4 col-xs-12">

                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Trainers sec -->

<!-- Start Finess Sec -->
<div class="finess-outer">
    <div class="container">
        <h3>今年夏天进行的健身课 <br/>立即 付款<br/> 将得到 <span>25%</span> 的折扣</h3>
    </div>
</div>
<!-- End Finess sec -->

<input hidden="hidden" id="uid" value="1" th:value="${session.nowUser.uid}"/>



<style>
    /**
 * 注册提示框样式
 */
    #info{
        display: none;
        width: 200px;
        height: 200px;
        background-color: #000000;
        border-radius: 30px;
        margin: 150px auto;
        opacity:0.7;
        color: white;
        position:fixed;
        top:20%;
        left:30%;
        z-index: 100000;
    }
</style>
<div id="info">
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <span id="msg" ></span>
</div>
</body>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js" th:src="@{js/jquery.min.js}"></script>
<!-- Bootstrap JS -->
<script src="assets/bootstrap/js/bootstrap.min.js" th:src="@{assets/bootstrap/js/bootstrap.min.js}"></script>
<!-- Lightbox JS -->
<script src="assets/lightbox/js/lightbox.js" th:src="@{assets/lightbox/js/lightbox.js}"></script>
<!-- Owl Carousal JS -->
<script src="assets/isotope/js/isotope.min.js" th:src="@{assets/isotope/js/isotope.min.js}"></script>
<!-- Owl Carousal JS -->
<script src="assets/owl-carousel/js/owl.carousel.min.js" th:src="@{assets/owl-carousel/js/owl.carousel.min.js}"></script>
<!-- Aos JS -->
<script src="assets/aos/aos.js" th:src="@{assets/aos/aos.js}"></script>
<!-- CounterUp JS -->
<script src="assets/counterup/counterup.min.js" th:src="@{assets/counterup/counterup.min.js}"></script>
<script src="assets/counterup/waypoints.min.js" th:src="@{assets/counterup/waypoints.min.js}"></script>
<!-- Custom JS -->
<script src="js/custom.js" th:src="@{js/custom.js}"></script>
<script th:src="@{js/member-myCoach.js}"></script>
</html>